<template>
  <el-config-provider :locale="locale" :size="'default'">
    <router-view></router-view>
  </el-config-provider>
</template>

<script setup>
import locale from 'element-plus/dist/locale/zh-cn.mjs';
</script>

<style lang="scss">
.main-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  .search {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    background-color: #fff;
    padding: 10px;
  }

  .between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow-x: auto;
    margin-bottom: 10px;
    .query {
      flex: 1;
    }
    .set-group{
      text-align: right;
      .el-button{
        font-size: 13px;
      }
    }
  }

  .table {
    flex: 1;
    flex-shrink: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .table-main{
      flex: 1;
      height: 100%;
      overflow-y: hidden;
      .el-table {
        max-height: 100%;
        // max-height: 100%;
        // flex-shrink: 0;
        // max-height: 100%;
         th{
          background-color: #ecf5ff;
         }
      }
    }
    .page{
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.mform{
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;  
  display: flex;
  flex-direction: column;
  .back{
    height: 40px;
  }
  .form-content{
    flex: 1;
    width: 100%;
    overflow-y: scroll;
    position: relative;

    .form-box{
      width: 100%;
      height: auto;
      padding: 10px;
      margin: 0 auto;
    }
  
  }
}
</style>
